<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度地图 circle</title>
    <script src="http://api.map.baidu.com/api?v=2.0&ak=3LiphISVhEplmviL7E7ChfaaBkPW7EGp"></script>
    <script src="../lib/jQuery/jquery-3.6.0.js"></script>
    <style>
        html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        #map {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
<div id='map'></div>
<script>
    $(document).ready(() => {
        let map = new BMap.Map('map');
        const mPoint = new BMap.Point(113.35984, 23.127064);
        map.centerAndZoom(mPoint, 17);
        map.disableDoubleClickZoom();
        map.enableScrollWheelZoom();

/*        let tileLayer = new BMap.TileLayer();
        tileLayer.getTilesUrl = function (tileCoord, zoom) {
            return '';
        };
        tileLayer.isTransparentPng = true;
        map.addTileLayer(tileLayer);*/
    });
</script>
</body>
</html>